UC知道[css]li float后列表符号标记不显示了!
来源：百度知道 编辑：UC知道 时间：2024/06/26 01:59:23
li设置为float后,列表符号不显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en">
<head>
<title>list mark problem</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
em {font: bold 100% &qu
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en">
<head>
<title>list mark problem</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
em {font: bold 100% &qu
给你做过很多测试了，
各种hack都用了实在没办法，
只要添加浮动就会隐藏掉li项目符号，
建议你用图片背景来实现吧，
不要浪费时间去测试了，
相信我的能力，
看我名字还有个徽章呢呵呵:)
一直我们做WEB开发都是用图片取代你这种方式来实现的，
目的是兼容，
以前一直没做过测试，
这回试了，还真不行。、
给你一个css修正，
.mylist li {
float: left;
margin-left: 10px;
}
这里，你应该加多一句
display:inline;
这个是解决IE6下边距加倍的hack；
不信的话你把margin-left:10px;的值设大一点，你就能看到list的左边的边距与其他浏览器的差异了